body {
  background: url(../img/fortalezadia2.jpg);
  transition: 1s;
  overflow-y: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

}

.top {
  width: 100%;
  display: flex;
}

.body-color {
  background: url(../img/fortalezanoite2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

}

.center {
  margin: 30px 30px 30px 70px;
}

.outer {
  height: 25px;
  width: 90px;
  border-radius: 100px;
  border: 2px solid #999;
  transition: 1s;
}

.day {
  background: white no-repeat 0/cover;
}

.night {
  background: rgb(12, 69, 255) no-repeat 0/cover;
}

.slider {
  height: 20px;
  width: 20px;
  background-color: white;
  border-radius: 100px;
  transform: translateX(-34px);
  cursor:pointer;
  box-shadow: 0px 0px 20px #f614d4;
  transition: 1s;
}

.center1 {
  margin: 1px 10px 10px 34px;
}